import React from 'react'
import './Header.scss'
import { NavLink, Outlet } from "react-router-dom";
import { RubyOutlined, BlockOutlined } from '@ant-design/icons';
import Loginab from '../../components/Loginab/Index';
import HeadeInput from '../HeadeInput/index'
const Index: React.FC = () => {
    return (
        <div className='headerbox'>
            <div className="headerLeft">
                <img className="imgs"
                    src="./稿定.png"
                    alt=""
                />
            </div>
            <div className="headercen">
                <NavLink to={"/"}>首页</NavLink>
                <NavLink to={"/makerpost"}>创客贴AI</NavLink>
                <NavLink to={"/enterpriseDesignServices"}>企业设计服务</NavLink>
                <NavLink to={"/printProduction"}>印刷制作</NavLink>
                <NavLink to={"/downloadApp"}>下载App</NavLink>
            </div>
            <button className="VIPBtn">
                <RubyOutlined />VIP会员
            </button>
            <button className="qiyeBtn">
                <BlockOutlined />企业服务
            </button>
           <Loginab></Loginab>
                
            {/* <Outlet></Outlet> */}
            <HeadeInput></HeadeInput>
        </div>
    )
}

export default Index